// 马上发送请求，获取用户信息
// axios中也可以配置请求
// axios.get(url,配置项) 配置项去axios文档中查看，配置项以对象形式书写，里面是键值对
function getUserInfo (){
  axios.get('/my/user/userinfo',{
    headers:{
      Authorization:localStorage.getItem('token')
    }
  }).then(res => {
    // console.log(res)
    let {nickname,user_pic,username} = res.data.data;
    // 1、设置欢迎你xxx
    let name = nickname || username;
    $(".username").text(name)
  
    // 2、显示头像 （新注册的账号没有头像，获取name，取得第一个字符，转大写）
    if(user_pic){
      $(".layui-nav-img").attr('src',user_pic).show();
    }else{
      // 用户没有头像
      // 截取字符：substring/substr/
      let first = name.substring(0,1).toUpperCase();
      // show()通过设置display样式让一个元素显示：设置的值是inline/inline-block/block取决于元素本身的状态。
      // 如果是行内元素，show()之后，会设置为inline;如果是div,设置为block
      $(".user-avatar").text(first).css('display','inline-block');
    }
  
  })
};
getUserInfo();

// 退出
$("#logout").on("click",function(){
  layer.confirm("您确定要退出吗,尊敬的红尘仙",{icon:3,title:'提示'},function(index){
    localStorage.removeItem('token');
    location.href = './login.html';
    layer.close(index);
  })
})